<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>回库管理</title>
<%@include file="/jsp/include/common.jsp"%>
</head>
<body class="easyui-layout">
	<%@include file="/jsp/include/commonLayout.jsp"%>
	<div data-options="region:'center'">
		<!-- 数据表格  -->
		<table id="dataGrid"></table>
		<!-- 查询条件设置窗口 begin -->
		<div id="queryConWin" class="easyui-window" title="查询条件"
			data-options="iconCls:'icon-search',closed:true,modal:true"
			style="width: 600px; height: 250px; padding: 5px;">
			<div class="easyui-layout" data-options="fit:true">
				<!-- 中部面板（放置表单查询条件） -->
				<div data-options="region:'center'" style="padding: 10px;">
					<form action="" method="post">
						<table>
							<tr>
								<td style="text-align: right;">品牌</td>
								<td><input class="easyui-textbox" /></td>
								<td style="text-align: right;">车型</td>
								<td><input class="easyui-textbox" /></td>
							</tr>
							<tr>
								<td style="text-align: right;">BOM节点号</td>
								<td><input class="easyui-textbox" /></td>
								<td style="text-align: right;">BOM节点名称（中）</td>
								<td><input class="easyui-textbox" /></td>
							</tr>
							<tr>
								<td style="text-align: right;">BOM节点名称（德）</td>
								<td><input class="easyui-textbox" /></td>
								<td style="text-align: right;">零件名称</td>
								<td><input class="easyui-textbox" /></td>
							</tr>
							<tr>
								<td style="text-align: right;">工艺</td>
								<td><input class="easyui-textbox" /></td>
								<td style="text-align: right;">材料</td>
								<td><input class="easyui-textbox" /></td>
							</tr>
						</table>
					</form>
				</div>
				<!-- 下部面板（放置按钮） -->
				<div data-options="region:'south',border:false" style="text-align: right; padding: 5px 0 0;">
					<a class="easyui-linkbutton" data-options="iconCls:'icon-ok'"
						href="javascript:void(0)" onclick="javascript:alert('ok')"
						style="width: 80px">查询</a>
					<a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'"
						href="javascript:void(0)" onclick="javascript:$('#queryConWin').window('close')"
						style="width: 80px">取消</a>
				</div>
			</div>
		</div>
		<!-- 查询条件设置窗口 end -->
		
		<!-- 回库登记窗口 begin -->
		<div id="registerWin" class="easyui-window" title="回库登记"
			data-options="iconCls:'icon-edit',closed:true,modal:true,draggable:false"
			style="width: 400px; height: 300px; padding: 5px;">
			<div class="easyui-layout" data-options="fit:true">
				<!-- 中部面板（放置表单查询条件） -->
				<div data-options="region:'center'" style="padding: 10px;">
					<form action="" method="post">
						<table>
							<tr>
								<td style="text-align: right;width:35%">归还人</td>
								<td><input class="easyui-textbox" style="width:200px" /></td>
							</tr>
							<tr>
								<td style="text-align: right;">归还时间</td>
								<td><input class="easyui-datetimebox" style="width:200px" /></td>
							</tr>
							<tr>
								<td></td>
								<td style="text-align: right;">是否报废 <input type="checkbox" onclick="javascript:$('#scrapReason').textbox('enable')"/></td>
							</tr>
							<tr>
								<td style="text-align: right;">报废原因</td>
								<td style="text-align: right;"> <input id="scrapReason" class="easyui-textbox" data-options="multiline:true,height:100,width:200,disabled:true" /></td>
							</tr>
						</table>
					</form>
				</div>
				<!-- 下部面板（放置按钮） -->
				<div data-options="region:'south',border:false" style="text-align: right; padding: 5px 0 0;">
					<a class="easyui-linkbutton" data-options="iconCls:'icon-ok'"
						href="javascript:void(0)" onclick="javascript:registerPart()"
						style="width: 80px">登记</a>
					<a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'"
						href="javascript:void(0)" onclick="javascript:$('#registerWin').window('close')"
						style="width: 80px">取消</a>
				</div>
			</div>
		</div>
		<!-- 回库登记窗口 end -->
	</div>
</body>
<script type="text/javascript">
	//初始化表格
	var dataGrid = $('#dataGrid').datagrid({
		fit : true,
		rownumbers : true, //如果为true，则显示一个行号列
		fitColumns : true, //真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动
		title : '回库零件列表', //在面板头部显示的标题文本
		pagination : true, //如果为true，则在DataGrid控件底部显示分页工具栏
		pagePosition : 'bottom', //定义分页工具栏的位置
		striped : true, //数据条纹显示
		url : 'inWarehouse.json',
		method : 'post',
		idField : 'partId',
		frozenColumns : [ [ {//不可被删除的列
			field : 'ck', //列字段名称
			checkbox : true //如果为true，则显示复选框
		} ] ],
		columns : [ [ {
			field : 'partId',
			title : '零件编号',
			width : 200
		}, {
			field : 'partName',
			title : '零件名称',
			width : 200
		}, {
			field : 'brand',
			title : '整车品牌',
			width : 200,
		}, {
			field : 'version',
			title : '整车型号',
			width : 200
		},{
			field : 'giveBackPerson',
			title : '归还人',
			width : 100
		},{
			field : 'giveBackDate',
			title : '归还时间',
			width : 150
		},{
			field : 'partState',
			title : '零件状态',
			width : 150
		}] ],
		toolbar : [
				{ //顶部工具栏的DataGrid面板
					text : '查询',
					iconCls : 'icon-search',
					handler : function() {
						$('#queryConWin').window('open');
					}
				},
				{
					text : '回库',
					iconCls : 'icon-undo',
					handler : function() {
						var rows = $('#dataGrid').datagrid('getSelections');
						if (rows.length == 0) {
							$.messager.alert('提示', '请选择回库零件','info');
							return;
						}
						if (rows) {
							$('#registerWin').window('open');
						}
					}
		} ]
	});
	
	dataGrid.datagrid('enableFilter');
	
	function registerPart(){
		
	}
</script>
</html>
